.caledar_wrap {
	font-size: 16px;
	.month {
	    width: 92%;
	    height: 35px;
	    margin-left: 3%;
	    margin-top: 20px;
	    border: 2px solid #FFFFFF;
		ul {
		    display: flex;
		    justify-content: space-between;
			.year-month {
			    flex-direction: column;
			    align-items: center;
			    justify-content: space-around;
			}			
			.choosen-year {
			    padding: 0 20px;
			}			
			.choosen-month {
			    text-align: center;
			}
		}
	}
	
	.weekdays {
		display: flex;
		justify-content: center;
	    height: 34px;
	    line-height: 34px;
		.row {
			flex: 1;
			text-align: center;
		}
	}
	
	.days {
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: center;
		li {
			display: flex;
		    width: calc(100% / 7);
			align-items: center;
			justify-content: center;
			color: #000;
			span {
				padding: 5px 0;
			    display: inline-block;
				& .active {
					width: 64rpx;
					border-radius: 20px;
					text-align: center;
					background: #2979ff;
					color: #fff;
				}
			}
			.other-month {
				padding: 5px 0;
			    color: #d4d1d1;
			}
		}
	}
}